<!DOCTYPE html>
<html>
	<head>
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
		<meta charset="utf-8" />
		<title>易掌店</title>

		<meta name="description" content="overview &amp; stats" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />

		<!-- bootstrap & fontawesome -->
		<link rel="stylesheet" href="../../assets/css/bootstrap.min.css" />
		<link rel="stylesheet" href="../../assets/font-awesome/4.5.0/css/font-awesome.min.css" />
		<link rel="stylesheet" href="../../assets/icon/style.css" />

		<!-- page specific plugin styles -->

		<!-- text fonts -->
		<link rel="stylesheet" href="../../assets/css/fonts.googleapis.com.css" />

		<!-- ace styles -->
		<link rel="stylesheet" href="../../assets/css/ace.min.css" class="ace-main-stylesheet" id="main-ace-style" />

		<!--[if lte IE 9]>
		<link rel="stylesheet" href="../../assets/css/ace-part2.min.css" class="ace-main-stylesheet"/>
		<![endif]-->
		<link rel="stylesheet" href="../../assets/css/ace-skins.min.css" />
		<link rel="stylesheet" href="../../assets/css/ace-rtl.min.css" />

		<!--[if lte IE 9]>
		<link rel="stylesheet" href="../../assets/css/ace-ie.min.css"/>
		<![endif]-->

		<!-- inline styles related to this page -->

		<!-- ace settings handler -->
		<script src="../../assets/js/ace-extra.min.js"></script>

		<!-- HTML5shiv and Respond.js for IE8 to support HTML5 elements and media queries -->

		<!--[if lte IE 8]>
		<script src="../../assets/js/html5shiv.min.js"></script>
		<script src="../../assets/js/respond.min.js"></script>
		<![endif]-->
      <link rel="stylesheet" href="../../styles/vip/vip-huiyuan-pl.css" />
		<link rel="stylesheet" href="../../styles/index/index.css">
		<link rel="stylesheet" href="../../styles/vip/colorpicker.css" />

	</head>

	<body class="no-skin">
		<div id="navbar" class="navbar navbar-default ace-save-state">
			<div class="navbar-container ace-save-state" id="navbar-container">
				<button type="button" class="navbar-toggle menu-toggler pull-left" id="menu-toggler" data-target="#sidebar">
					<span class="sr-only">Toggle sidebar</span>

					<span class="icon-bar"></span>

					<span class="icon-bar"></span>

					<span class="icon-bar"></span>
				</button>

				<div class="navbar-header pull-left">
					<a href="index.html" class="navbar-brand">
						<i class="fa fa-shopping-bag nav-height64"></i>
						<small class="nav-header-large-label">易掌店</small> <small class="nav-header-small-label">小门店 大生意</small>
					</a>
				</div>

				<div class="navbar-buttons navbar-header pull-right" role="navigation">
					<ul class="nav ace-nav padding-tb10">
						<li class="transparent nav-height64 no-border">
							<a href="#">
								<i class="ace-icon glyphicon glyphicon-repeat nav-height64"></i>
							</a>
						</li>

						<li class="transparent nav-height64 no-border">
							<a href="#">
								<i class="ace-icon fa fa-envelope icon-animated-bell nav-height64"></i>
								<span class="badge badge-pink">8</span>
							</a>
						</li>

						<li class="transparent nav-height64 no-border">
							<a href="#">
								<i class="ace-icon glyphicon glyphicon-user nav-height64"></i>
							</a>
						</li>

						<li class="transparent nav-height64 no-border">
							<a href="#">
								<i class="ace-icon fa fa-circle-o-notch nav-height64"></i>
							</a>
						</li>
					</ul>
				</div>
			</div><!-- /.navbar-container -->
		</div>

		<div class="main-container ace-save-state" id="main-container">
			<script type="text/javascript">
				try{ace.settings.loadState('main-container')}catch(e){}
			</script>

			<div id="sidebar" class="sidebar responsive ace-save-state">
				<script type="text/javascript">
					try{ace.settings.loadState('sidebar')}catch(e){}
				</script>

				<div class="nav-aside padding-left5">
					<div class="nav-aside-header">
						<a href="#" class="pull-left font-size20">
							<i class="fa fa-home"></i>
						</a>
						<span>2016年12月01日 星期六</span>
						<a href="#" class="pull-right font-size18 sidebar-collapse">
							<i class="fa fa-navicon"></i>
						</a>
					</div>
					<div class="row-with-shop-icon">
						<div class="icon-left"></div>
						<div class="content-right">
							<h2>易掌便利店</h2>
							<p><i class="icomoon-The-shop-assistant"></i><em>张亮</em><i class="icomoon-male"></i></p>
							<p><i class="icomoon-view"></i><time>2016-11-17 12:00</time></p>
							<div class="yzd-button">交班</div>
						</div>
					</div>
					<div class="nav-aside-menus">
						<ol class="yzd-left-menu-bg-row">
							<li>
								<div class="yzd-bg-wraper">
									<i class="icomoon-money"></i>
								</div>
								<div class="container-fluid menu-container">
									<div class="row one-col">
										<div>收银</div>
									</div>
									<div class="row two-col">
										<div class="col-xs-6 left-col">支出</div>
										<div class="col-xs-6 right-col">
											<p>应收</p>
											<p>应付</p>
										</div>
									</div>									
								</div>								
							</li>
							<li>
								<div class="yzd-bg-wraper">
									<i class="icomoon-car"></i>
								</div>
								<div class="container-fluid menu-container">
									<div class="row one-col">
										<div class="col-xs-12">收银</div>
									</div>
									<div class="row two-col">
										<div class="col-xs-6 left-col">支出</div>
										<div class="col-xs-6 right-col">
											<p>应收</p>
											<p>应付</p>
										</div>
									</div>									
								</div>
							</li>
							<li>
								<div class="yzd-bg-wraper">
									<i class="icomoon-People"></i>
								</div>
								<div class="container-fluid menu-container">
									<div class="row one-col">
										<div class="col-xs-12">收银</div>
									</div>
									<div class="row two-col">
										<div class="col-xs-6 left-col">支出</div>
										<div class="col-xs-6 right-col">
											<p>应收</p>
											<p>应付</p>
										</div>
									</div>									
								</div>
							</li>
							<li>
								<div class="yzd-bg-wraper">
									<i class="icomoon-shop"></i>
								</div>
								<div class="container-fluid menu-container">
									<div class="row one-col">
										<div class="col-xs-12">收银</div>
									</div>
									<div class="row two-col">
										<div class="col-xs-6 left-col">支出</div>
										<div class="col-xs-6 right-col">
											<p>应收</p>
											<p>应付</p>
										</div>
									</div>									
								</div>
							</li>
						</ol>
					</div>
					<div class="nav-aside-menus">
						<div class="row-with-show-calendar">
							<span class="yzd-high-light-label">店庆日</span>
							<time class="ydz-shop-time">2月20日 星期日</time>
							<span class="ydz-shop-calendar">
								<i class="icomoon-editor"></i>
								<span class="ringing-bell"><span class="ringing-bell-badge">9</span><span class="icomoon-bell"></span></span>
							</span>
						</div>
					</div>
					<div class="row-with-balance">
						<div class="row-balance-left">
							<h2 class="balance-amount">88828.99</h2>
							<p class="balance-label">本月支出</p>
						</div>
						<div class="row-balance-right raise-arrow"></div>
					</div>
					<div class="help-btns">
						<span class="help-center">
							帮助中心
						</span>
						<span class="icomoon-radio"></span>
						<span class="icomoon-teasing"></span>
						<span class="icomoon-mysterious"></span>
					</div>
					<div class="shop-radio">
						<i class="icomoon-radio"></i>
						<span class="shop-radio-content">今天店里销量最好的商品是</span>
					</div>
					<div class="nav-aside-footer"></div>
				</div>
			</div>

			<div class="main-content">
				<div class="main-content-inner" id="recent-box">

					<div class="breadcrumbs ace-save-state breadcrumbs-fixed" id="breadcrumbs">
						<div class="widget-header transparent no-padding-left">
							<a class="pull-left icon-arrow-right" id="moreTab">
								<i class="ace-icon fa fa-angle-left bigger"></i>
							</a>
							<div class="widget-toolbar no-border pull-left no-padding-left">
								<ul class="nav nav-tabs" id="recent-tab">
									<li class="active">
										<a data-toggle="tab" href="#tab-index">首页</a>
									</li>
									<li>
										<a data-toggle="tab" href="#tab-settings">设置</a>
									</li>
								</ul>
							</div>
						</div>
					</div>

					<div class="page-content">
						<div class="widget-body">
							<div class="widget-main no-padding">
								<div class="tab-content no-padding" id="tab-content">
									<div id="tab-index" class="tab-pane active">
										<!-- 从这开始 -->
                                        
                                      
                                        	<div class="glhBOX" style="margin-top: -40px; ">
                                        	<table class="vip-huiyuanflbq-table"><tbody>
										                                   <tr class="vip-huiyuanflbq-tr">
      	<span class="vip-huiyuanflbq-span"><i class="ace-icon glyphicon glyphicon-plus" style="margin-left: 20px;margin-right: 5px;font-size: 14px;color: #fff;"></i><span>增加新分类</span></span> 
      	</tr> 
      

      <tr class="vip-huiyuanflbq-tr1" >
	<th class="vip-huiyuanflbq-td"><input name="form-field-checkbox" class="ace" type="checkbox" ><span class="lbl"> </span></th>

	<th class="vip-huiyuanflbq-td1"><i class="ace-icon fa fa-trash-o"></i></th>
   <th class="vip-huiyuanflbq-td2"><span>分类名称</span></th>
   <th class="vip-huiyuanflbq-td3"><span>属性</span></th>
   <th class="vip-huiyuanflbq-td4"><span>升级</span></th>
   <th class="vip-huiyuanflbq-td5"><span>沉睡时间</span></th>
<th class="vip-huiyuanflbq-td6"><span>操作</span></th></tr>

    <tr class="vip-huiyuanflbq-tr2">
	<td  class="vip-huiyuanflbq-td"><input name="form-field-checkbox" class="ace" type="checkbox"   class="vip-pl-input"><span class="lbl"> </span></td>

	<td><i class="ace-icon fa fa-trash-o"></i></td>
   <td class="vip-huiyuanflbq-td2"><span>钻石尊享卡</span></td>
   <td class="vip-huiyuanflbq-td3"><span>会员价、折扣、积分、储值、次卡、工本费</span></td>
   <td class="vip-huiyuanflbq-td4"><span>无</span></td>
   <td  class="vip-huiyuanflbq-td5"><span>无</span></td>
<td class="vip-huiyuanflbq-td6"><i class="ace-icon fa fa-pencil-square-o"></td></tr>


<tr class="vip-huiyuanflbq-tr3">
	<td   class="vip-huiyuanflbq-td"><input name="form-field-checkbox" class="ace" type="checkbox"   class="vip-pl-input"><span class="lbl"> </span></td>
	<td   class="vip-huiyuanflbq-td1"><i class="ace-icon fa fa-trash-o"></i></td>
   <td  class="vip-huiyuanflbq-td2"><span>钻石尊享卡</span></td>
   <td  class="vip-huiyuanflbq-td3"><span>会员价、折扣、积分、储值、次卡、工本费</span></td>
   <td  class="vip-huiyuanflbq-td4"><span>无</span></td>
   <td   class="vip-huiyuanflbq-td5"><span>无</span></td>
<td  class="vip-huiyuanflbq-td6"><i class="ace-icon fa fa-pencil-square-o"></i></td></tr>
    
    <tr class="vip-huiyuanflbq-tr2">
	<td  class="vip-huiyuanflbq-td"><input name="form-field-checkbox" class="ace" type="checkbox"   ><span class="lbl"> </span></td>

	<td><i class="ace-icon fa fa-trash-o"></i></td>
   <td class="vip-huiyuanflbq-td2"><span>钻石尊享卡</span></td>
   <td class="vip-huiyuanflbq-td3"><span>会员价、折扣、积分、储值、次卡、工本费</span></td>
   <td class="vip-huiyuanflbq-td4"><span>无</span></td>
   <td  class="vip-huiyuanflbq-td5"><span>无</span></td>
<td class="vip-huiyuanflbq-td6"><i class="ace-icon fa fa-pencil-square-o"></i></td></tr>
    
    
    <tr class="vip-huiyuanflbq-tr2">
	<td  class="vip-huiyuanflbq-td"><input name="form-field-checkbox" class="ace" type="checkbox"   class="vip-pl-input0"><span class="lbl"> </span></td>

	<td><i class="ace-icon fa fa-trash-o"></i></td>
   <td class="vip-huiyuanflbq-td2"><span>钻石尊享卡</span></td>
   <td class="vip-huiyuanflbq-td3"><span>会员价、折扣、积分、储值、次卡、工本费</span></td>
   <td class="vip-huiyuanflbq-td4"><span>无</span></td>
   <td  class="vip-huiyuanflbq-td5"><span>无</span></td>
<td class="vip-huiyuanflbq-td6"><i class="ace-icon fa fa-pencil-square-o"></i></td></tr>
     
     <tr class="vip-huiyuanflbq-tr2">
	<td  class="vip-huiyuanflbq-td"><input name="form-field-checkbox" class="ace" type="checkbox"   ><span class="lbl"> </span></td>

	<td><i class="ace-icon fa fa-trash-o"></i></td>
   <td class="vip-huiyuanflbq-td2"><span>钻石尊享卡</span></td>
   <td class="vip-huiyuanflbq-td3"><span>会员价、折扣、积分、储值、次卡、工本费</span></td>
   <td class="vip-huiyuanflbq-td4"><span>无</span></td>
   <td  class="vip-huiyuanflbq-td5"><span>无</span></td>
<td class="vip-huiyuanflbq-td6"><i class="ace-icon fa fa-pencil-square-o"></i></td></tr>
      
      <tr class="vip-huiyuanflbq-tr2">
	<td  class="vip-huiyuanflbq-td"><input name="form-field-checkbox" class="ace" type="checkbox"   ><span class="lbl"> </span></td>

	<td><i class="ace-icon fa fa-trash-o"></i></td>
   <td class="vip-huiyuanflbq-td2"><span>钻石尊享卡</span></td>
   <td class="vip-huiyuanflbq-td3"><span>会员价、折扣、积分、储值、次卡、工本费</span></td>
   <td class="vip-huiyuanflbq-td4"><span>无</span></td>
   <td  class="vip-huiyuanflbq-td5"><span>无</span></td>
<td class="vip-huiyuanflbq-td6"><i class="ace-icon fa fa-pencil-square-o"></i></td></tr>
    
    <tr class="vip-huiyuanflbq-tr2">
	<td  class="vip-huiyuanflbq-td"><input name="form-field-checkbox" class="ace" type="checkbox"   ><span class="lbl"> </span></td>

	<td><i class="ace-icon fa fa-trash-o"></i></td>
   <td class="vip-huiyuanflbq-td2"><span>钻石尊享卡</span></td>
   <td class="vip-huiyuanflbq-td3"><span>会员价、折扣、积分、储值、次卡、工本费</span></td>
   <td class="vip-huiyuanflbq-td4"><span>无</span></td>
   <td  class="vip-huiyuanflbq-td5"><span>无</span></td>
<td class="vip-huiyuanflbq-td6"><i class="ace-icon fa fa-pencil-square-o"></i></td></tr>
					
		
 <tr class="vip-huiyuanflbq-tr4">
    <caption  style="position: absolute;bottom:-625px;left:0;margin-left: 13px;">共三条 ,每页显示<select style="width: 57px;height: 30px;"><option>10</option></select>条</caption></tr>
					
                                        
                            </tbody></table>    
										
										
									</div>
									
									
                                        
                                        <!-- 到这结束 -->
									</div>
								</div>
							</div><!-- /.widget-main -->
						</div><!-- /.widget-body -->
					</div>
				</div>
			</div><!-- /.main-content -->

			<a href="#" id="btn-scroll-up" class="btn-scroll-up btn btn-sm btn-inverse">
				<i class="ace-icon fa fa-angle-double-up icon-only bigger-110"></i>
			</a>
		</div><!-- /.main-container -->

		<!-- basic scripts -->

		<!--[if !IE]> -->
		<script src="../../assets/js/jquery-2.1.4.min.js"></script>

		<!-- <![endif]-->

		<!--[if IE]>
		<script src="../../assets/js/jquery-1.11.3.min.js"></script>
		<![endif]-->
		<script type="text/javascript">
			if('ontouchstart' in document.documentElement) document.write("<script src='../../assets/js/jquery.mobile.custom.min.js'>"+"<"+"/script>");
		</script>
		<script src="../../assets/js/bootstrap.min.js"></script>

		<!-- page specific plugin scripts -->

		<!--[if lte IE 8]>
		<script src="../../assets/js/excanvas.min.js"></script>
		<![endif]-->
		<script src="../../assets/js/jquery-ui.custom.min.js"></script>
		<script src="../../assets/js/jquery.ui.touch-punch.min.js"></script>
		<script src="../../assets/js/jquery.easypiechart.min.js"></script>
		<script src="../../assets/js/jquery.sparkline.index.min.js"></script>
		<script src="../../assets/js/jquery.flot.min.js"></script>
		<script src="../../assets/js/jquery.flot.pie.min.js"></script>
		<script src="../../assets/js/jquery.flot.resize.min.js"></script>
		<script src="../../assets/js/bootbox.min.js"></script>

		<!-- ace scripts -->
		<script src="../../assets/js/ace-elements.min.js"></script>
		<script src="../../assets/js/ace.min.js"></script>
		<script src="../../scripts/index/tabControl.js"></script>
      <!--chajianyanse-->
         <script src="../../scripts/vip/colorpicker.js"></script>
		<!-- inline scripts related to this page -->
		<script type="text/javascript">
			var tabCtrl = new TabControl('#recent-tab','#tab-content');

			jQuery(function($) {

				$('.menu-container .row>div').on('click',function(){
					tabCtrl.add({
						title: $(this).text(),
						name: 'this-is-id-'+ $(this).text(),
//						url: "xxx.html",
						content:''+
							'<input type="text"/>'+
							'<button class="tab-reload">刷新tab</button>'+
							'<button class="tab-close">删除tab</button>',
						onLoadSuccess: function(tab){
							$('.tab-reload').on('click',function(){
								tabCtrl.reload(tab);
							});

							$('.tab-close').on('click',function(){
								tabCtrl.close(tab);
							});
						}
					});
				});

				bootbox.setDefaults({
					locale:'cn',
					animate:true,
					className:'yzd-dialog'
				});

				$('.help-center').on('click',function(){
					bootbox.alert({ 
					  size: "small",
					  title: "Your Title",
					  message: "Your message here…", 
					  callback: function(){ /* your callback code */ }
					});
				});
				
				
				/*chajian*/
				
				

	
   
      	$('.vip-huiyuanflbq-table,.vip-huiyuanfl-table,.vip-huiyuan-table').on('click', 'td :checkbox', function() {
					var $row = $(this).closest('tr');
					if(this.checked) $row.addClass('active');
					else $row.removeClass('active');
				}).on('click','th:eq(0) :checkbox', function(){
					var checkall = this.checked;
					$(this).closest('table').find('tbody :checkbox').each(function(){
						this.checked = checkall;
						var $row = $(this).closest('tr');
						if(this.checked) $row.addClass('active');
						else $row.removeClass('active');
					});
				});



			})
		</script>
	</body>
</html>
